<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, viewport-fit=cover">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,target-densitydpi=device-dpi, user-scalable=no" />
		<title>单位</title>
		<link href="./lib/mint-ui@2.2.13.css" rel="stylesheet">
		<link href="./css/common.css" rel="stylesheet">
		<link href="./css/userinfo.css" rel="stylesheet">
		<script src="./lib/vue.js"></script>
	</head>
	<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" οncοpy="return false">
		<div id="watchUnit" class="userInfo" style="display: none;" :style="{display: 'block'}">
			<div class="header">
				<a class="back" href="javascript:history.go(-1)"></a>
				<div class="title">单位</div>
			</div>
			<div class="form">
				<div class="form-item" v-for="item in list" :key="item.type" @click="showPicker(item)">
					<div class="lable">{{item.lable}}</div>
					<div class="unit" :class="{'value': item.unit}">{{item.value }}{{params.type == 2 ? '小时制':''}}</div>
				</div>
			</div>

			<div class="myPicker">
				<mt-popup v-model="popupVisible" position="bottom">
					<div class="title">{{info.lable}}</div>
					<mt-picker :slots="slots" @change="onValuesChange" :item-height="60" :visible-item-count="3"></mt-picker>
					<div class="picker-btn">
						<div class="cancel" @click="popupVisible = false">取消</div>
						<div class="confirm" @click="confirm">保存</div>
					</div>
				</mt-popup>
			</div>
		</div>
		<script src="./lib/mint-ui@2.2.13.js"></script>
		<script src="./js/watchUnit.js"></script>
	</body>
</html>